<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="content-type" content="text/html" charset="UTF-8" />
    <meta name="format-detection" content="telephone=no">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./index.css">
    <title>南京圣女果信息科技有限公司</title>
</head>

<body>
    <div class="header" id="header">
        <div class="logo">
            <img src="./images/img/logo.png" alt="" width="100%">
            <p>圣女果信息科技有限公司</p>
        </div>
        <div class="w">

            <ul class="nav">
                <li>
                    <a href="#" class="active">首页</a>
                </li>
                <li>
                    <a href="#game">游戏</a>
                </li>
                <li>
                    <a href="#about">关于</a>
                </li>
                <li>
                    <a href="#news">新闻公告</a>
                </li>
                <li>
                    <a href="#map">联系</a>
                </li>

            </ul>
            <div class="tel">
                18602539610
            </div>
        </div>

    </div>
    <div id="banner" class="banner">
        <div class="pic">
            <ul>
                <li>
                    <img src="./images/image/banner.jpg" width="100%">
                </li>
                <li>
                    <img src="./images/image/banner2.jpg" width="100%">
                </li>
                <li>
                    <img src="./images/image/banner3.jpg" width="100%">
                </li>
            </ul>
        </div>
        <div class="tab">
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <div class="yw">
        <div class="w">
            <div class="item">
                <div class="img">
                    <img src="./images/img/yw1.png" alt="">
                </div>
                <p>地方手机棋牌定制开发</p>
            </div>
            <div class="item">
                <div class="img">
                    <img src="./images/img/yw2.png" alt="">
                </div>
                <p>电玩类棋牌开发</p>
            </div>
            <div class="item">
                <div class="img">
                    <img src="./images/img/yw3.png" alt="">
                </div>
                <p>纸牌类棋牌开发</p>
            </div>
            <div class="item">
                <div class="img">
                    <img src="./images/img/yw4.png" alt="">
                </div>
                <p>专业棋牌游戏源码</p>
            </div>
        </div>
    </div>
    <div id="eg">
        <div class="w">
            <p class="title">成功案例</p>
            <div class="eg-box">
                <div class="item lunbo l1">
                    <div class="pic">
                        <ul>
                            <li>
                                <img src="./images/image/eg1.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg2.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg3.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg4.jpg" width="100%">
                            </li>
                        </ul>
                    </div>
                    <p class="tit">稷王棋牌</p>
                    <p class="txt">地道山西麻将玩法，富有别致趣味性。山西人自己的配音，要玩就玩山西人自己的麻将。</p>
                </div>
                <div class="item lunbo l2">
                    <div class="pic">
                        <ul>
                            <li>
                                <img src="./images/image/eg5.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg6.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg7.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg8.jpg" width="100%">
                            </li>
                        </ul>
                    </div>
                    <p class="tit">人人牛部落</p>
                    <p class="txt">人人牛部落是一款可同时多人进行的简单押分类棋牌游戏，人人牛部落地方性十足、游戏速度极快、刺激而惊险。</p>
                </div>
                <div class="item lunbo l3">
                    <div class="pic">
                        <ul>
                            <li>
                                <img src="./images/image/eg9.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg10.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg11.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg12.jpg" width="100%">
                            </li>
                        </ul>
                    </div>
                    <p class="tit">溧水麻将</p>
                    <p class="txt">《溧水麻将》是以南京溧水本地麻将为基础打造的手机端游戏。游戏以“原汁原味，当地玩法”为特色</p>
                </div>
                <div class="item lunbo l4">
                    <div class="pic">
                        <ul>
                            <li>
                                <img src="./images/image/eg13.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg14.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg15.jpg" width="100%">
                            </li>
                            <li>
                                <img src="./images/image/eg16.jpg" width="100%">
                            </li>
                        </ul>
                    </div>
                    <p class="tit">南京麻将</p>
                    <p class="txt">莱斯南京麻将是一款南京本地的麻将玩法，游戏完美还原南京本地麻将的玩法。时尚简约的棋牌画面，无须注册，简单快捷。陪您快乐每一天。</p>
                </div>
            </div>
        </div>


    </div>
    <div id="game">
        <div class="w">
            <p class="title">热门游戏</p>
           
        </div>
        <div class="game-bg">
            <div class="w">
                <div class="eg-box game-box">
                    <div class="item">
                        <img src="./images/image/game1.png" alt="">
                        <p>溧水麻将</p>
                    </div>
                    <div class="item">
                        <img src="./images/image/game2.png" alt="">
                        <p>山芋腔</p>
                    </div>
                    <div class="item">
                        <img src="./images/image/game3.png" alt="">
                        <p>3D大丰麻将</p>
                    </div>
                    <div class="item">
                        <img src="./images/image/game4.png" alt="">
                        <p>莱斯掼转蛋</p>
                    </div>
                </div>
                <p class="more center" id="more">更多
                    <span>+</span>
                </p>
                <div class="games">
                    <p class="classify">
                        <span>麻将游戏</span>
                    </p>
                    <div class="eg-box">
                        <div class="item">
                            <a href="https://fir.im/nanjingmajiang">
                                <img src="./images/image/mj1.png" alt="">
                            </a>
                            <p>
                                莱斯南京麻将
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/jiwangqipai">
                                <img src="./images/image/mj2.png" alt="">
                            </a>
                            <p>
                                稷山棋牌
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/dafeng3d">
                                <img src="./images/image/mj5.png" alt="">
                            </a>
                            <p>
                                3D大丰麻将
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/shanyuqiang">
                                <img src="./images/image/mj6.png" alt="">
                            </a>
                            <p>
                                山芋腔麻将
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/chengle">
                                <img src="./images/image/mj7.png" alt="">
                            </a>
                            <p>
                                成乐麻将
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/uyda">
                                <img src="./images/image/mj8.png" alt="">
                            </a>
                            <p>
                                旌德麻将
                            </p>
                        </div>
                        <div class="item">
                            <a href="javascript:void(0);">
                                <img src="./images/image/mj3.png" alt="">
                            </a>
                            <p>
                                少游棋牌
                            </p>
                        </div>
                        <div class="item">
                            <a href="javascript:void(0);">
                                <img src="./images/image/mj4.png" alt="">
                            </a>
                            <p>
                                蓝宇棋牌
                            </p>
                        </div>

                        <div class="item">
                            <a href="javascript:void(0);">
                                <img src="./images/image/mj9.png" alt="">
                            </a>
                            <p>
                                欢乐安徽麻将
                            </p>
                        </div>
                        <div class="item">
                            <a href="javascript:void(0);">
                                <img src="./images/image/mj10.png" alt="">
                            </a>
                            <p>
                                欢乐溧水麻将
                            </p>
                        </div>
                    </div>
                </div>
                <div class="games">
                    <p class="classify">
                        <span>纸牌游戏</span>
                    </p>
                    <div class="eg-box">
                        <div class="item">
                            <a href="https://fir.im/wenzhoutwo">
                                <img src="./images/image/p1.png" alt="">
                            </a>
                            <p>
                                温州两张
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/pinweibiji">
                                <img src="./images/image/p2.png" alt="">
                            </a>
                            <p>
                                品味比鸡
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/niuniubuluo">
                                <img src="./images/image/p6.png" alt="">
                            </a>
                            <p>
                                人人牛部落
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/juziqipai">
                                <img src="./images/image/p7.png" alt="">
                            </a>
                            <p>
                                桔子棋牌
                            </p>
                        </div>
                        <div class="item">
                            <a href="https://fir.im/chaoshansuoha">
                                <img src="./images/image/p9.png" alt="">
                            </a>
                            <p>
                                潮汕梭哈
                            </p>
                        </div>
                        <div class="item">
                            <a href="javascript:void(0);">
                                <img src="./images/image/p3.png" alt="">
                            </a>
                            <p>
                                琅琊棋牌
                            </p>
                        </div>
                        <div class="item">
                            <a href="javascript:void(0);">
                                <img src="./images/image/p4.png" alt="">
                            </a>
                            <p>
                                星球棋牌
                            </p>
                        </div>
                        <div class="item">
                            <a href="javascript:void(0);">
                                <img src="./images/image/p5.png" alt="">
                            </a>
                            <p>
                                金港炸金花
                            </p>
                        </div>

                        <div class="item">
                            <a href="javascript:void(0);">
                                <img src="./images/image/p8.png" alt="">
                            </a>
                            <p>
                                莱斯掼转蛋
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- </div> -->
    </div>
    <div id="success">
        <div class="title">
            <img src="./images/image/next.png" width="200"> </div>
        <div class="w">
            <div class="box-wrap">

                <div class="box">
                    <div class="img">
                        <img src="./images/image/s1.png" alt="" width="100%">
                    </div>
                    <p> 金港炸金花</p>
                    <a class="btn" href="">了解详情 </a>
                </div>
                <div class="box">
                    <div class="img">
                        <img src="./images/image/s2.png" alt="" width="100%">
                    </div>
                    <p> OO比赛</p>
                    <a class="btn" href="">了解详情 </a>
                </div>
                <div class="box">
                    <div class="img">
                        <img src="./images/image/s3.png" alt="" width="100%">
                    </div>
                    <p> 莱斯南京麻将</p>
                    <a class="btn" href="">了解详情 </a>
                </div>
                <div class="box">
                    <div class="img">
                        <img src="./images/image/s4.png" alt="" width="100%">
                    </div>
                    <p> 3D大丰麻将</p>
                    <a class="btn fr" href="">了解详情 </a>
                </div>
                <div class="box">
                    <div class="img">
                        <img src="./images/image/s5.png" alt="" width="100%">
                    </div>
                    <p> 桔子棋牌</p>
                    <a class="btn fr" href="">了解详情 </a>
                </div>
                <div class="box">
                    <div class="img">
                        <img src="./images/image/s6.png" alt="" width="100%">
                    </div>
                    <p> 潮汕梭哈</p>
                    <a class="btn fr" href="">了解详情 </a>
                </div>
                <div class="box">
                    <div class="img">
                        <img src="./images/image/s7.png" alt="" width="100%">
                    </div>
                    <p> 十三水</p>
                    <a class="btn fr" href="">了解详情 </a>
                </div>
                <div class="box">
                    <div class="img">
                        <img src="./images/image/s8.png" alt="" width="100%">
                    </div>
                    <p> 蓝宇棋牌</p>
                    <a class="btn fr" href="">了解详情 </a>
                </div>
            </div>
        </div>
    </div>
    <div>
        <img src="./images/image/help.png" width="100%">
    </div>
    <div id="liucheng">
        <div class="w">
            <p class="title">合作流程</p>
            <img src="./images/image/liucheng.png" width="90%">
        </div>

    </div>
    <div class="quality" id="quality">
        <p class="title">品质保障</p>
        <div class="quality-bg">
            <div class="w">
                <div class="eg-box">
                    <div class="item">
                        <div class="icon">
                            <img src="./images/img/team.png" alt="">
                        </div>
                        <div class="green">
                            <p>
                                安全稳定
                            </p>
                            <div class="line"></div>
                            <p>产品历经市场检验</p>
                        </div>
                        <div class="num">
                            <img src="./images/img/01.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="num">
                            <img src="./images/img/02.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/img/service.png" alt="">
                        </div>
                        <div class="green">
                            <p>
                                贴心服务
                            </p>
                            <div class="line"></div>
                            <p>售后一条龙</p>
                        </div>

                    </div>
                    <div class="item">
                        <div class="icon">
                            <img src="./images/img/tool.png" alt="">
                        </div>
                        <div class="green">
                            <p>
                                技术卓越
                            </p>
                            <div class="line"></div>
                            <p>不断追求，不断创新</p>
                        </div>
                        <div class="num">
                            <img src="./images/img/03.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="num">
                            <img src="./images/img/04.png" alt="">
                        </div>
                        <div class="icon">
                            <img src="./images/img/crown.png" alt="">
                        </div>
                        <div class="green">
                            <p>
                                业内翘楚
                            </p>
                            <div class="line"></div>
                            <p>把控市场风向</p>
                        </div>

                    </div>
                </div>
            </div>
        </div>


    </div>
    <div id="about">
        <p class="title">
            关于圣女果
        </p>
        <div class="w">
            <div class="about_box">
                <div class="txt">
                    <p>南京圣女果信息科技有限公司成立于六朝古都南京，专注于网页游戏和移动游戏开发，是集网络游戏运营、营销、销售、服务于一体的游戏综合服务企业。</p>
                    <p> 公司经营的手机游戏覆盖于江苏多个地区、溧水、镇江、丹阳、淮安、扬州等地、均深受玩家好评。</p>
                    <p> 随着公司发展规模的扩大，未来我们将在上海、重庆、北京、广州、成都、深圳等多个国内地区设有子公司或办事处等分支机构，市场覆盖中国大陆、港澳台及东南亚等多个地区。圣女果科技一直以技术为核心，以用户需求为导向。</p>
                </div>
                <img src="./images/image/about.png" width="100%">
            </div>
        </div>

    </div>
    <div id="news">
        <div class="w">
            <p class="title">
                <span>新闻资讯</span>
                <a href="./news.html" class="fr">
                    <span>查看更多</span>
                </a>
            </p>
            <ul class="newslist">
                <li>
                    <a href="#">
                        新闻新闻新闻细
                        <span class="time">2016-12-54</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        新闻新闻新闻细
                        <span class="time">2016-12-54</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        新闻新闻新闻细
                        <span class="time">2016-12-54</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        新闻新闻新闻细
                        <span class="time">2016-12-54</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        新闻新闻新闻细
                        <span class="time">2016-12-54</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        新闻新闻新闻细
                        <span class="time">2016-12-54</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        新闻新闻新闻细
                        <span class="time">2016-12-54</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="zs">
        <div class="w">
            <div class="box">
                <ul>
                    <li>
                        <img src="./images/image/zs1.png" width="100%">
                    </li>
                    <li>
                        <img src="./images/image/zs2.png" width="100%">
                    </li>
                    <li>
                        <img src="./images/image/zs1.png" width="100%">
                    </li>
                    <li>
                        <img src="./images/image/zs2.png" width="100%">
                    </li>
                    <li>
                        <img src="./images/image/zs1.png" width="100%">
                    </li>
                </ul>
            </div>
            <div class="btn">
                <div class="left"> </div>
                <div class="right"> </div>

            </div>

        </div>

    </div>
    <div id="map">
        <div class="w">
            <img src="./images/image/map.png" alt="" class="map-img">
            <iframe src="./map.html" frameborder="0" scrolling="no" width="100%"></iframe>
            <p>公司地址:江苏省南京市徐庄软件园苏园路6号4-2栋一楼</p>
        </div>
    </div>
    <div class="footer">
        <div class="w">
            <div class="left">
                <p class="tlt">关于我们</p>
                <p>强势的手游开发团队</p>
                <p>高效的开发能力</p>
                <p>贴心的售后服务</p>
                <div class="btn-wrap">
                    <a class="btn" href="#quality">了解更多</a>
                </div>

            </div>
            <div class="right">
                <p class="tlt">欢迎联系</p>
                <p>欢迎咨询了解相关手游开发详情，我们将对您制定详细的整套方案</p>
                <p>手机：18602539610 张经理</p>
                <p>手机：17766420062 刘经理</p>
                <div class="btn-wrap">
                    <a class="btn" href="#map">联系我们</a>
                </div>
            </div>
            <div class="img">
                <img src="./images/image/code.png" alt="">
            </div>

        </div>
        <p class="copy">
            Copyright © 2015-2020.南京圣女果信息科技有限公司 All rights reserved
        </p>
        <div class="back">
            <a href="#header">
                <img src="./images/img/back.png" alt="">
            </a>
        </div>
    </div>
    <div class="win">
        <p>开发一款棋牌APP游戏多少钱？
            <br> 详情问题点击咨询销售经理。
        </p>
        <p class="btn">
            <span class="later">稍后再说</span>
            <a class="now" href="http://wpa.qq.com/msgrd?v=3&uin=1475389542&site=qq&menu=yes" target="_blank">现在咨询</a>
        </p>
    </div>
</body>
<script type="text/javascript" src="./lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="./index.js"></script>
<script type="text/javascript" src="./banner.js"></script>
<script>
    $(".l1").banner({
        pic: ".pic ul li",
    })
    $(".l2").banner({
        pic: ".pic ul li",
    })
    $(".l3").banner({
        pic: ".pic ul li",
    })
    $(".l4").banner({
        pic: ".pic ul li",
    })
    var left = $("#zs").find(".left"),
        right = $("#zs").find(".right"),
        aUl = $("#zs").find("ul"),
        oLis = aUl.find("li"),
        length = oLis.length,
        w = oLis.outerWidth()

    oLis.each(function (index, domEle) { 
        liLeft = index*(w+10)  + "px"
        if(index == 0)liLeft=0
        $(this).css("left",liLeft)
    });
    left.click(function () {   
        // console.log(oLis.last().position().left); 
        left = aUl.position().left;
        newLfet = left - w - 20
        if (newLfet <= -length * w) {
            newLfet = 0
        }
        aUl.animate({
            left: newLfet + "px"
        }, 1000);
    })
    right.click(
        function () {
            left = aUl.position().left;
            newLfet = left + w + 20
            length2 = length - 1
            if (newLfet > length2 * w) {
                newLfet = 0
            }
            aUl.animate({
                left: newLfet + "px"
            }, 1000);
        }
    )
</script>

</html>